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Description 

1 . Related Applications 

5 [0001] This application is related to U.S. Serial No. 60/212,825, filed June 21 , 2000, entitled Methods for Classifying, 
Anchoring, and Transforming Ink Annotations" and U.S. Serial No. 09/455,806, filed December 7, 1999, entitled "Meth- 
od and Apparatus For Capturing And Rendering Annotations For Non-Modifiable Electronic Content." 

2. Background 

10 

Technical Field 

[0002] The disclosure generally relates to the electronic display of documents. More particularly, the disclosure re- 
lates to the placement and use of ink and annotations in electronically displayed documents. 

15 

Related Art 

[0003] Many factors today drive the development of computers and computer software. One of these factors is the 
desire to provide accessibility to information virtually anytime and anywhere. The proliferation of notebook computers, 

20 personal digital assistants (PDAs), and other personal electronic devices reflect the fact that users want to be able to 
access information wherever they may be, whenever they want. In order to facilitate greater levels of information ac- 
cessibility, the presentation of information must be made gas familiar and comfortable as possible. 
[0004] In this vein, one way to foster success of electronic presentations of information will be to allow users to handle 
information in a familiar manner. Stated another way, the use and manipulation of electronically-presented information 

25 may mimic those paradigms that users are most familiar with, e.g., printed documents, as an initial invitation to their 
use. As a result, greater familiarity between users and their "machines" will be engendered, thereby fostering greater 
accessibility, even if the machines have greater capabilities and provide more content to the user beyond the user's 
expectations. Once users feel comfortable with new electronic presentations, they will be more likely to take advantage 
of an entire spectrum of available functionality. 

30 [0005] One manner of encouraging familiarity is to present information in an electronic book format in which a com- 
puter displays information in a manner that closely resembles printed books. In order to more completely mimic a 
printed book, users will need to have the ability to make textual notes to themselves, akin to writing in the margins of 
paper books. Users will also want to highlight selected portions, as these are active-reading activities of which a user 
would expect to see in an electronic book. Users will want to add drawings, arrows, underlining, strike-throughs, and 

35 the like, also akin to writing in paper books. Finally, users will want to add bookmarks. 

[0006] The above-identified so-called "active-reading" activities are available. In the case of any computer application 
with GUI that displays text, it can be assumed that the displayed text is of primary significance to the user. If the process 
of adding ink-marks to the primary text negatively impacts the presentation of the primary text, then the user is unlikely 
to frequently ink-annotate the electronic information and/or is unlikely to have a satisfactory ink-annotation experience. 

40 As a result, the perception of electronic books (or e-Books) as a step forward from paper books will suffer. What is 
needed is a mechanism to enhance the e-Book ink-annotation feature to match or surpass a similar experience with 
paper books. 

[0007] Handwriting, scribbling, and marking on text are the most highly developed skills humans have for capturing 
short and graphical comments on documents. Only when computers can support these activities can they match the 

45 handiness of paper. Handwriting need not be recognized by the computer in order to be useful. But, it must be applicable 
wherever one could expect to be able to handwrite on a displayed document page. The writing should be visible without 
requiring any additional obstruction of the document, and without requiring any change to the layout of the document. 
Known methods for annotating documents fall short of these goals. Further, always associating an annotation with a 
singular element (a given page, for example) may create difficulties in rendering when re-flowing the text of a document. 

so These difficulties include rending the annotation on a page different from the original subject of the annotation. 

3. Summary 

[0008] The present invention provides a technique for adding electronic ink to an electronically displayed document. 
55 in the context of the present invention, a "document" encompasses all forms of electronically displayable information 
including but not limited to books, manuals, reference materials, picture books, etc. Electronic ink (also referred to as 
"ink" for simplicity) includes drawings, written text (or annotations), and highlighting. To create an annotation, a user 
selects an object in the document to locate where the annotation is to be placed. The computer system determines 
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which object has been selected and anchors the ink or annotation. The user adds the annotation and, eventually, 
returns to reading the document. The annotations may be filtered, navigated, sorted, and indexed per user input. 
Annotations may include text annotations, drawings, highlights, bookmarks, and the like as is related to the general 
field of active reading. In one embodiment, the system modifies the content of the document to add an anchor to the 
5 document. In another embodiment, the system determines a file position associated with the selected object and an- 
chors to the file position. 

[0009] In the context of the present invention, a displayed "object" may include text, graphics, equations, and other 
related elements as contained in the displayed document. Annotations may include highlighting, adding textual notes, 
adding drawings (as one would expect to do with a pencil or pen to a paper book), and adding bookmarks. 

io [0010] Documents may be classified as modifiable and non-modifiable. In regards to modifiable documents, the 
system modifies the document to include the ink or annotation or at least adds a link at the location of the anchored 
object to the ink or annotation. In the case of non-modifiable documents, the system links the electronic ink to a file 
position in the non-modifiable document. The invention calculates the file position of, for example, the first character 
of the word (or other displayed element) and stores the file position with the annotation in a separate, linked local file. 

15 in a further embodiment, the file position anchoring of ink may be used in modifiable documents as well or when the 
non-modifiable document represents a non-modifiable portion of a file, with the annotations being added to a write- 
enabled portion of the file. 

[0011] Another embodiment of the invention relates to scaling ink annotations to be rendered to look correct despite 
changing screen resolutions and screen sizes. Ink annotations are captured and stored as data points. Generally, the 
20 annotations are displayed as captured, meaning that the original data points are used to render the ink annotation. 
The problem is that screen resolutions may change or screen size may change, making the annotations be generated 
too large or too small for any subsequent viewing. 

[0012] Here, the invention stores the annotation along with information regarding the system on which the annotation 
was captured including screen size and screen resolution. If the screen size or screen resolution is different on the 
25 displaying device from the stored information, the invention scales the data points defining the annotation to the new 
screen size or resolution. 

[0013] Further, methods of anchoring an annotation to a point, an object, a range of objects, or a geometric region 
are known. But an ink stroke is unique among annotations in that its shape has a graphical meaning of its own, and 
further in that its shape and position may create multiple associations. However, these methods of anchoring have not 

30 maintained enough associations, nor have they provided logic for interpreting those associations along with the shapes 
of ink strokes, in order for those strokes to survive changes among the annotated elements. 
[0014] To identify appropriate associations, the system and method first classifies the shape and then use this clas- 
sification to help identify multiple independent elements that may be associated. The multiple independent anchors 
may include one or more objects and/or areas being annotated, as well as any other annotations that are near enough 

35 to be associated. Finally, the system and method use logic to transform the shape in complex ways when any of these 
other elements moves or changes. 

[0015] These and other novel advantages, details, embodiments, features and objects of the present invention will 
be apparent to those skilled in the art from following the detailed description of the invention, the attached claims and 
accompanying drawings, listed herein, which are useful in explaining the invention. 

40 

4. Brief Description of Drawings 

[0016] Figures 1 A and 1 B show a general-purpose computer and a handheld computer in accordance with embod- 
iments of the present invention. 
45 [001 7] Figure 2 shows a displayed document on a computer screen in accordance with embodiments of the present 
invention. 

[0018] Figures 3A and 3B show different document formats available for storing a document in accordance with 
embodiments of the present invention. 

[0019] Figure 4 shows different bytes for storing characters in UTF8 and Unicode in accordance with embodiments 
so of the present invention. 

[0020] Figure 5 shows a process for determining the file position of an object in accordance with embodiments of 
the present invention. 

[0021] Figure 6 shows another process for determining the file position of an object in accordance with embodiments 
of the present invention. 

55 [0022] Figure 7 shows a process for displaying annotations in accordance with embodiments of the present invention. 
[0023] Figures 8A and 8B show various storage techniques for storing annotations in accordance with embodiments 
of the present invention. 

[0024] Figure 9 shows a screen for manipulating annotations in accordance with embodiments of the present inven- 
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tion. 

[0025] Figure 10 shows scaling of annotations in accordance with embodiments of the present invention. 
[0026] Figure 11 shows an example of annotations in accordance with embodiments of the present invention. 
[0027] Figures 12-16 show associations of annotations with parts of displayed documents in accordance with em- 
5 bodiments of the present invention. 

5. Detailed Description 

[0028] The present invention relates to a system and method for capturing and associating annotations associated 

w with a non-modifiable document. 

[0029] Although not required, the invention will be described in the general context of computer-executable instruc- 
tions, such as program modules. Generally, program modules include routines, programs, objects, scripts, components, 
data structures, etc. that perform particular tasks or implement particular abstract data types. Moreover, those skilled 
in the art will appreciate that the invention may be practiced with any number of computer system configurations in- 

'5 eluding, but not limited to, distributed computing environments where tasks are performed by remote processing devices 
that are linked through a communications network. In a distributed computing environment, program modules may be 
located in both local and remote memory storage devices. The present invention may also be practiced in personal 
computers (PCs), hand-held devices, multiprocessor systems, microprocessor-based or programmable consumer 
electronics, network PCs, minicomputers, mainframe computers, and the like. 

20 [0030] Figure 1 A is a schematic diagram of a computing environment in which the present invention may be imple- 
mented. The present invention may be implemented within a general purpose computing device in the form of a con- 
ventional personal computer 200, including a processing unit 210, a system memory 220, and a system bus 230 that 
couples various system components including the system memory to the processing unit 210. The system bus 230 
may be any of several types of bus structures including a memory bus or memory controller, a peripheral bus, and a 

25 local bus using any of a variety of bus architectures. The system memory includes read only memory (ROM) 240 and 
random access memory (RAM) 250. 

[0031] A basic input/output system 260 (BIOS), containing the basic routines that help to transfer information between 
elements within the personal computer 200, such as during start-up, is stored in ROM 240. The personal computer 
200 further includes a hard disk drive 270 for reading from and writing to a hard disk, not shown, a magnetic disk drive 
30 280 for reading from or writing to a removable magnetic disk 290, and an optical disk drive 291 for reading from or 
writing to a removable optical disk 292 such as a CD ROM or other optical media. The hard disk drive 270, magnetic 
disk drive 280, and optical disk drive 291 are connected to the system bus 230 by a hard disk drive interface 292, a 
magnetic disk drive interface 293, and an optical disk drive interface 294, respectively. The drives and their associated 
computer-readable media provide nonvolatile storage of computer readable instructions, data structures, program mod- 
35 ules and other data for the personal computer 200. 

[0032] Although the exemplary environment described herein employs a hard disk, a removable magnetic disk 290 
and a removable optical disk 292, it should be appreciated by those skilled in the art that other types of computer 
readable media which can store data that is accessible by a computer, such as magnetic cassettes, flash memory 
cards, digital video disks, Bernoulli cartridges, random access memories (RAMs), read only memories (ROMs), and 
40 the like, may also be used in the exemplary operating environment. 

[0033] A number of program modules may be stored on the hard disk, magnetic disk 290, optical disk 292, ROM 
240 or RAM 250, including an operating system 295, one or more application programs 296, other program modules 
297, and program data 298. A user may enter commands and information into the personal computer 200 through 
input devices such as a keyboard 201 and pointing device 202. Other input devices (not shown) may include a micro- 
ns phone, joystick, game pad, satellite dish, scanner, or the like. These and other input devices are often connected to 
the processing unit 210 through a serial port interface 206 that is coupled to the system bus, but may be connected 
by other interfaces, such as a parallel port, game port or a universal serial bus (USB). A monitor 207 or other type of 
display device is also connected to the system bus 230 via an interface, such as a video adapter 208. In addition to 
the monitor, personal computers typically include other peripheral output devices (not shown), such as speakers and 
50 printers. 

[0034] The personal computer 200 may operate in a networked environment using logical connections to one or 
more remote computers, such as a remote computer 209. The remote computer 209 may be another personal computer, 
a server, a router, a network PC, a peer device or other common network node, and typically includes many or all of 
the elements described above relative to the personal computer 200, although only a memory storage device 211 has 
55 been illustrated in Figure 1 A. The logical connections depicted in Figure 1A include a local area network (LAN) 212 
and a wide area network (WAN) 213. Such networking environments are commonplace in offices, enterprise-wide 
computer networks, intranets and the Internet. 

[0035] When used in a LAN networking environment, the personal computer 200 is connected to the local network 
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21 2 through a network interface or adapter 21 4. When used in a WAN networking environment, the personal computer 
200 typically includes a modem 215 or other means for establishing a communications over the wide area network 
21 3, such as the Internet. The modem 21 5, which may be internal or external, is connected to the system bus 230 via 
the serial port interface 206. In a networked environment, program modules depicted relative to the personal computer 

5 200, or portions thereof, may be stored in the remote memory storage device. 

[0036] It will be appreciated that the network connections shown are exemplary and other techniques for establishing 
a communications link between the computers can be used. The existence of any of various well-known protocols such 
as TCP/IP, Ethernet, FTP, HTTP and the like is presumed, and the system can be operated in a client-server configu- 
ration to permit a user to retrieve web pages from a web-based server. Any of various conventional web browsers can 

10 be used to display and manipulate data on web pages. 

[0037] In one embodiment, a pen digitizer 1 65 and accompanying pen or stylus 1 66 are provided in order to digitally 
capture freehand input. Although a direct connection between the pen digitizer 165 and the processing unit 210 is 
shown, in practice, the pen digitizer 165 may be coupled to the processing unit 210 via a serial port, parallel port or 
other interface and the system bus 230 as known in the art. Furthermore, although the digitizer 1 65 is shown apart 

15 from the monitor 207, it is preferred that the usable input area of the digitizer 1 65 be co-extensive with the display area 
of the monitor 207. Further still, the digitizer 165 may be integrated in the monitor 207, or may exist as a separate 
device overlaying or otherwise appended to the monitor 207. 

[0038] In addition to the system described in relation to Figure 1 A, the invention may be practiced on a handheld 
computer. Further, purpose-built devices may support the invention as well. In short, handheld computers and purpose- 

20 built devices are similar in structure to the system of Figure 1 A but may be limited to a display (which may be touch- 
sensitive to a human finger or stylus), memory (including RAM and ROM), and a synchronization/modem port for 
connecting the handheld computer and purpose-built devices to another computer or a network (including the Internet) 
to download and/or upload documents or download and/or upload annotations. The description of handheld computers 
and purpose-built devices is known in the art and is omitted for simplicity. The invention may be practiced using C. 

25 Also, it is appreciated that other languages may be used including C++, assembly language, and the like. 

[0039] Figure 1B illustrates a tablet PC 167 that can be used in accordance with various aspects of the present 
invention. Any or all of the features, subsystems, and functions in the system of Figure 1 A can be included in the 
computer of Figure 1 B. Tablet PC 1 67 includes a large display surface 1 68, e.g., a digitizing flat panel display, preferably, 
a liquid crystal display (LCD) screen, on which a plurality of windows 169 is displayed. Using stylus 170, a user can 

30 select, highlight, and write on the digitizing display area. Examples of suitable digitizing display panels include elec- 
tromagnetic pen digitizers, such as the Mutoh or Wacom pen digitizers. Other types of pen digitizers, e.g., optical 
digitizers, may also be used. Tablet PC 1 67 interprets marks made using stylus 1 70 in order to manipulate data, enter 
text, and execute conventional computer application tasks such as spreadsheets, word processing programs, and the 
like. 

35 [0040] A stylus could be equipped with buttons or other features to augment its selection capabilities. In one embod- 
iment, a stylus could be implemented as a "pencil" or "pen", in which one end constitutes a writing portion and the 
other end constitutes an "eraser" end, and which, when moved across the display, indicates portions of the display are 
to be erased. In another embodiment, the stylus may have only a writing portion on one or both ends. Other types of 
input devices, such as a mouse, trackball, or the like could be used. Additionally, a user's own finger could be used for 

40 selecting or indicating portions of the displayed image on a touch-sensitive or proximity-sensitive display. Consequently, 
the term "user input device", as used herein, is intended to have a broad definition and encompasses many variations 
on well-known input devices. 

[0041 ] Region 1 71 shows a feed back region or contact region permitting the user to determine where the stylus as 
contacted the digitizer. In another embodiment, the region 171 provides visual feedback when the hold status of the 

45 present invention has been reached. 

[0042] Figure 2 shows a displayed document on a computer screen in accordance with embodiments of the present 
invention. As preferred , the document is displayed in a form that closely resembles the appearance of a paper equivalent 
of the e-book and, in this case, a paper novel. The document reader window 101 may comprise a variety of portions 
including a title bar 1 01 listing the title of the document and a body 1 02. In the body 1 02 of the display window, various 

so portions of a document may be displayed. Figure 2 shows an example where a title 104, a chapter number 105, a 
chapter title 1 06, and the text of the chapter 1 07 are displayed. Similar to an actual book, margins 1 08, 1 09, 1 1 0, and 
1 1 1 appear around the displayed text. As referred to herein, the displayed elements may be independently referenced. 
Here for example, object 103 "we" has a drawing annotation placing a box around it as placed there by the user. 
[0043] Various schemes exist with which to store electronically displayable information. In a first embodiment, the 

55 ink or annotation is stored within the document at the anchor location. Or, an anchor link is inserted at or near the 
object associated with the ink to permit the layout renderer to properly render the document and added ink or annotation. 
Further, the system may anchor to a file position in the document. Various descriptions relate to the use of the file 
position as an anchor. It is appreciated that the other embodiments may be used as well to anchor the ink or annotations 
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including modification of the document itself to include the annotation or an anchor link at the location of the anchor 
position. 

[0044] Figures 3A and 3B and related Figures describe the use of the file position to anchor the ink or annotation. 
The determined file position may be used for direct random access into the non-modifiable document despite the 

5 document being compressed or decompressed. In one embodiment, the file position is specified in a UTF-8 (a known 
textual storage format) document derived from an original Unicode (another known textual storage format). However, 
in order to conserve space, the non-modifiable document may be compressed using a general-purpose binary com- 
pression algorithm, decompressed, and translated to Unicode for viewing. Accordingly, the file position as stored for 
an annotation is consistent through various storage schemes and compression techniques. With respect to the storage 

w of text, the industry standard is Unicode UCS-2. Unicode UCS-2 encodes text using two bytes per character. The letters 
from the standard English alphabet to complex symbols including foreign letters and symbols are all encoded using 
two bytes. Figure 3A shows a pictorial representation of a four-letter word as stored in four pairs of bytes. Another 
storage scheme includes UTF-8 in which standard letters (for example, US-ASCII characters) are encoded using only 
a single byte. Foreign characters and symbols from the Unicode UCS-2 set are encoded with two or three bytes. Part 

*5 of the first byte is used to indicate how many total bytes define the complete character as shown in Figure 3B. The 
remaining bytes are restricted to numeric values that cannot be confused with those used to define a single-byte 
character. For large texts using standard letters, a UTF8-encoded file may have a size half of that as Unicode. However, 
in the situation in which a number of foreign characters or symbols, the size of the stored file may actually be larger 
than that of Unicode due to the greater number of three byte representations of a letter or symbol. Other variable byte- 

20 length character encodings have been used in industry, for example, the Shift-JIS standard encodes characters (drawn 
from a smaller set than Unicode draws from) in one or two bytes. Unlike in UTF-8, the second byte of a two-byte 
character may contain a value that may also be used by itself to represent a single-byte character. 
[0045] Figure 4 shows different bytes for storing characters in UTF8 and Unicode in accordance with embodiments 
of the present invention. An example of the two schemes discussed with respect to Figures 3A and 3B is shown in 

25 Figure 4. The word "banana" takes twelve bytes to represent it in Unicode while only using six bytes in UTF8. The 
word "fagade" requires twelve bytes in Unicode and eight bytes in UTF8. Other storage schemes are known in the art 
but not shown here for simplicity. The difference between UTF8 and Unicode is provided by way of example only and 
not intended to limit the invention to the use of storage scheme over the other. 

[0046] The difference in the storage modes becomes relevant in the technique used to fix the file position for an 
30 annotation. If the file position is determined with one storage scheme, porting the file position to another storage scheme 
may not result in the same desired file position for an annotation. Thus, all annotations may be fixed to a file position 
based on the use of a single scheme. Preferably, the scheme used to hold the document while the document is being 
displayed is the scheme that is used to determine the file position. So, irrespective of whether the document is closed 
and compressed to another scheme, when reopened in the display scheme, the file position for the annotation remains 
35 the same as when created. Unicode may be the scheme used to display the document. Alternatively, UTF8 may be 
used as well as any other textual encoding or compression scheme to access the document for display. 
[0047] Figure 5 shows a process for determining the file position of an object in accordance with embodiments of 
the present invention. In step 501 , a user selects an object on the screen. The user may select the object via a cursor 
controlled through a mouse, touch-pad, trackball, or like pointing device. Alternatively, the user may use a stylus or 
40 finger if the surface of the display can accommodate such input. 

[0048] In step 502, the system determines which object was selected by the user. This step relates to the conversion 
of the physical coordinates from the display device to coordinates inside the reader window. From this conversion, the 
object selected by the user is known. 

[0049] Step 502A is optional. It relates to the user selection of an action post selection of the object. If the user is 
45 supplied with a menu after selection of the object and the function of adding an annotation is provided on the menu, 
step 502A relates to the selection of the adding the annotation function. An example of adding an annotation is described 
in detail in U.S. Serial No. (BW 03797.84618), filed December 7, 1999, entitled "Method and Apparatus for Capturing 
and Rendering Text Annotations For Non-Modifiable Electronic Content" whose contents are incorporated by reference 
for any essential subject matter. 
50 [0050] Step 503 relates to the determination of the file position of the selected object. The file position may include 
the first byte of the selected object. Alternatively, the file position may be the first byte of the last character (or even 
the character following the last character) of the selected object. Selecting the first byte of the first character to determine 
the file position provides the advantage of displaying any annotation on the page of the beginning of the object, rather 
then on the next page if the object spans a page. Anyone of skill in the art will appreciate that any byte of the selected 
55 object (or surrounding the selected object) may be selected to provide the file position of the object. Alternatively, one 
may select a line in which the object resides or the paragraph or the portion of the page (e.g., the top, middle or bottom 
of the page). 

[0051] The file position may be determined by counting the number of bytes from some known file position to the 



6 



EP1 174 801 A2 



location of, for example, the first character of the selected object. The known file position may be the beginning of the 
file, or may be, for example, a previously noted file position for the beginning of the current paragraph. The counting 
step may be performed before or after generation of the annotation. Alternatively, the counting step may be performed 
in the background while the annotation is being created by the user. Note that annotation file positions may always 
5 stored as UTF-8 offsets within the text, as it stood before binary compression. However, the algorithm used to display 
the text works with Unicode characters. Therefore, in this example, it is necessary to work back from the selected 
object to a character with a known UTF-8 file position. 

[0052] Because the binary file-format of the original publication (electronic book, document, etc.) intermixes markup 
(tags) with text, it is necessary to discount the bytes taken by such tags when calculating the file-position for the selected 
10 object (to which the annotation will be anchored). However, of these tags, many if not most do not take up a character- 
position on the display surface. Therefore, it is important to keep track of the starting file position of every run of text 
on the display, which corresponds to an unbroken run of text in the file. An "unbroken* 1 run of text refers to text in the 
file that is not broken by a start- or an end- tag. 

[0053] Therefore, the steps involved in accurately determining the file position for anchoring the annotation to the 
is selected object may be generalized as: 

1) Look up in our data structures what display character position is the start of an "unbroken" run described in the 
preceding paragraphs. 

2) Fetch from the same data structure the file-position associated with the starting display-character position. 

20 3) Determine the string which runs from the run-start position to the selection-start position. This string contains 

some number of Unicode characters. 

4) Determine how many UTF-8 bytes would be required to hold a UTF-8-encdoded version of the string from step 3). 

5) Add the UTF-8 bytecount from step 4 to the file-position from step 2. 

25 [0054] Step 504 relates to creating a file to persist the annotation. While shown after step 503, it will be appreciated 
that it may occur prior to or during the determination of the file position of the object. In step 505, the file position is 
placed in the header of the file (or portion of the file) storing the created annotation. Alternatively, the file position may 
be appended to the file being viewed. 

[0055] Figure 6 shows another process for determining the file position of an object in accordance with embodiments 
30 of the present invention. As shown in step 601 , a user navigates to a page. Once on the page, the system determines 
the file position of the first byte of the first object on the page as shown in step 602. The file position may be determined 
every time a new page is displayed. Alternatively, the system may pause (for example, two seconds) before starting 
to determine the file position for the first byte in order to allow the user to navigate to a new page before starting the 
file position determination. This delay provides the advantage of minimizing system workload when a user is quickly 
35 flipping pages. Once the user settles down with a given page, the system may then determine the file position of the 
first byte. 

[0056] In step 603, the file position of the page is temporarily stored in memory. 

[0057] In step 604, the system waits for either selection of an object or navigation to another page. More options are 
contemplated that do not need the file position for execution (for example, looking up a term in a reference document 
*o as disclosed in U.S. Serial No. (BW 03797.8461 9) filed December 7, 1 999, entitled "Method and Apparatus for Installing 
and Using Reference Materials In Conjunction With Reading Electronic Content", whose contents are incorporated 
herein by reference in its entirety for any enabling disclosure). 

[0058] In step 605, once an object is selected, the relative position of the selected object is determined with reference 
to the first byte of the first object on the displayed page. 
45 [0059] In step 606, the file position of the first byte of the first object on the page as determined in step 602 is retrieved 
from memory (as stored in step 603) and added to the relative position of the first byte of the selected object as 
determined in step 605 to determine the file position of the selected object. 

[0060] In step 607, the file position of the selected object is stored along with the created annotation. These steps 
relating to the determination of the file position may occur before or after the annotation for the object. Alternatively, 
50 the file position may be preformed in the background while the annotation is being created. Those skilled in the art will 
appreciate that any number of techniques may be used to determine object position and still be considered to be within 
the scope of the present invention. 

[0061] Figure 7 relates to a process for displaying the created annotation when navigating to the page. In step 701 , 
a user navigates to a page. 
55 [0062] In step 702, the system determines the file position of the first object on the page. 
[0063] In step 703, the system determines the file position of the last object on the page. 

[0064] In step 704, the annotations stored for the document are searched to determine if any have file positions 
located between the file position determined in step 702 and the file position determined in step 703. 
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[0065] In step 705, if no annotations with a file position are located for display on the displayed page, the system 
waits for user input (including, for example, navigation to a new page or selection of an object for annotation, or any 
other action described herein). 

[0066] In step 706, an annotation has been found that relates to an object on the page. The location of the object 
s on the page is determined and the annotation is displayed for the object. The system for determining the location of 
the object may include subtracting the file position of the first object on the page from the file position of the annotated 
object. This difference is then used to determine how many bytes from the first character of the page is the annotated 
object. At this point, further annotations may be made, by returning from step 706 to step 705. 
[0067] Alternatively, the system may count again from the beginning of the document to determine which object has 
10 been annotated. It will be appreciated by those skilled in the art that that numerous methods exist for displaying the 
annotation for the annotated object. The above examples are not intended to be limiting. 

[0068] In the context of displaying the annotations that are determined to exist in a given "page" of the content (the 
unit of text being viewed by the user at any given time), the computer system will first validate a global state, which 
determines whether annotations should be rendered at all. For example, the user is provided with the ability to globally 
is specify whether to show or hide drawing annotations (as well as text notes, bookmarks, highlights, etc.). Prior to dis- 
playing a particular annotation of an object, the computer system will check this global setting to determine whether 
or not to render the specific annotation. If the user has chosen to hide annotations of that particular type, the annotation 
will not be rendered. 

[0069] Figures 8A and 8B show various storage techniques for storing annotations in accordance with embodiments 
20 of the present invention. Figure 8A shows a document 801 that has modifiable (803-806) and non-modifiable (802) 
portions. Files of this type include Infotext file formats as are known in the art. Annotations 806 may be stored in 
combination with the non-modifiable content 802. An annotation 806 may be stored in a file with header 803 and body 
806. The header 803 includes, for example, the file position 804 of the object with which the annotation 806 is asso- 
ciated. It may also include an indication of the type of annotation 806 in file portion 805. As discussed above, the 
25 annotation 806 may include a highlight, a bookmark, a drawing to be overlaid over the object, or a text annotation. 
[0070] Figure 8B shows the non-modifiable content 809 as a separate file apart from the annotation file. The anno- 
tation file 807 of Figure 8B has similar constituent elements to that of annotation 807 of Figure 8A. Annotation file 807 
may include a file portion 808 that indicates to which non-modifiable document (here, 809) it is linked. Using the ap- 
proach set forth in Figure 8B, one file may store all annotations for a user with the non-modifiable content portions 809 
30 being stored separately. This approach has the advantage of being able to quickly scan all annotations at one time 
rather than accessing all documents 801 (as including non-modifiable portions 802) to obtain all annotations stored 
therein. 

[0071 ] Figure 9 shows a display window for sorting, modifying, searching, and renaming the annotations stored in a 
system. The window 900 includes a title identifier 901 to alert the user that he or she is in an annotation pane 900. The 

35 window 900 may include two panes 902 and 903 (other panes may be added as needed). Panes 902 and 903 may 
provide a listing of annotations 904 by document. Alternatively, they may provide a listing of all annotations in a person's 
system. When in pane 902 (here, entitled "Notes"), the user may sort the list of annotations by type (highlight, drawing, 
text, bookmark). Selecting an annotation allows one to navigate to the location in the document containing the anno- 
tation. Selecting and holding the annotation allows one to remove, change the appearance of, hide or show that par- 

*o ticular annotation, or rename the annotation. The second pane 903 (here, entitled "View") may allow a user to sort 
annotations based on their properties. For example, one may sort on the time created, time last accessed, by type, 
alphabetically, and on book order. Further, individual annotations may be switched on or off using controls on the page. 
Also, if all annotations have been switched off (or just those of a specific type of annotations have been switched off) 
and another annotation is created (or another annotation in that class), all annotations of that type may be switched 

45 back on. This may be extended to include all annotations being switched on if hidden and a new annotation added. 

Annotation Scaling 

[0072] As to scaling annotations, Figure 1 0 shows a first set of annotations on a screen with a first resolution or size 
so and a scaled version of the annotations on a screen with a second resolution or size. 

[0073] The following example is used. Let P 0 riginai( x »y) be tne original position of a data point of an annotation. N(x, 
y) is the new screen resolution. 0(x,y) is the original screen resolution. For each point P new (x,y), the new location of 
the scaled data point is given by the ratio of the new screen resolution over the old screen resolution for the x and y 
components of each: 

55 

Pnew((P 0 riginal * ' N x /0 x). (P 0 nginal V ' N /°y» 
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[0074] This assumes that the x and y components are independent. So, various resolutions can easily be accom- 
modated (for instance, 640x480 and 640x400). 

[0075] An alternative embodiment includes normalizing ink annotations to a specified format. So, when displaying 
the ink annotations, the invention does not need to use the capturing screen resolution (because it in effect is already 
5 known due to the initial normalizing process). The system only needs to convert ail retrieved annotations to fit the 
current screen res. Additional alternatives include minimizing processing by selecting the normalized resolution to 
correspond to the slowest computing platform. 

Associating Ink Annotations With Information 

10 

[0076] In addition to permitting viewing of the underlying document despite numerous annotations, or document 
reflow or viewer modifications, and to avoid losing the power of the computer, these ink tasks may co-exist with tradi- 
tional computing tasks. Specifically, to be useful on electronic documents, ink annotations should be able to survive 
changes in the underlying document. 

15 [0077] Survival in this context means continuing to convey both graphical meaning of the ink strokes, and association 
with the elements being annotated, even as those elements move or change. The current invention includes a set of 
methods for classifying, anchoring and transforming ink annotations such that they survive changes among the anno- 
tated elements. See, for example, Figure 12, showing annotations before and after document re-flow maintaining their 
reference to the annotated subject matter. 

20 [0078] The following description and associated Figures illustrate how ink and annotations may be transformed due 
to the change in appearance of a document. The document may change appearance due to a change in the content 
of the document or may change appearance due to a change in user preferences (for example, selecting a larger font 
size) without modification to the underlying document content. The transformation of ink in relation to both types of 
changes is considered to be part of the present invention. 

25 

The Starting Point: Stroke Classification And Multiple Independent Anchors 

[0079] Ink annotations include graphical thoughts (sketches), verbal thoughts (handwritten words), and markings (e. 
g. underlining, highlighting, circling). Each of these has both graphical meaning of its own, and associations that may 

30 have changed its shape had the document been laid out differently. For example, with sketches it is important to keep 
accurate geometric relationships between the strokes (in X and Y), and to keep near in-line elements but not obscure 
them. With handwritten words, it is most important to keep words together and keep flow relationships between se- 
quential words (in lines and columns). With marks on text, it is important to keep the associated portion of the mark 
properly related to the text it marks, in position and size, even as the text may change or move. To preserve the meaning 

35 and associations of ink annotations as the underlying elements move or change, the system and method recognize 
which strokes, and which groups of strokes, require each of these treatments. 

[0080] First, a stroke's shape and the geometric region or regions in which it lies can be used to classify it into one 
of several types. Next, proximity to objects can be used to anchor the stroke in ways that serve as further classification. 
Figure 13 show a page 1301 that illustrates some but not all of the classifications of ink strokes: 

40 

1 . The asterisk 1302 is a shape with graphical meaning (which the system and method do not need to recognize, 
only to preserve). It is located in a margin, where in addition to being anchored to the nearest in-line element, it 
can be considered primarily associated with the line that contains that element. 

2. The words This ink's over text" 1303 are a 'chain of strokes', the first of which was primarily related to the text 
45 immediately above or below it and the others primarily associated with the first to add meaning. To assure that the 

first stroke is associated with the correct word the system and method may use additional heuristics, or give anchor 
feedback to the user and allow manual correction. For example, the system may use an average or weighted 
average to determine a center of a 'chain of strokes' and associate the center with the nearest text. Also, the 
system may ask a user to select the text to which the annotation refers. 

so 3. The words "underlying document's layout" are marked with a pair of strokes 1 305, the first of which is considered 

to have marked the range of words (because it spans the range in a direction parallel to the line flow), and the 
second of which can be considered to have been chained to the first to add meaning. In an alternate embodiment, 
the system may also classify the second line as associated with the first line or associated with the same text as v. 
based on the time interval or on the presence of events between the creation of the first and second tines. 

55 4. The vertical line 1 308 in the left margin spans a range of words in the direction of column flow, and is considered 

to have marked the lines to the right of line 1 308. 

5. The outline 1 306 of the words starting with "handwriting and sketches" is considered a group of segments, the 
horizontal ones marking words and the others marking lines. 



9 



EP 1 174 801 A2 



6. The line 1309 connecting the outline to the margin note 1307 is a connector, with two primary anchors (one at 
each end) that may be completely independent elements. 

7. The margin note 1 307 itself is a chain of strokes related primarily to whichever of its strokes was laid down first, 
but also related to the margin and the text nearest that first stroke and the near end of the long line. 

5 8. The words This ink's in-line with text* 1305 could have been meant as an annotation, but, because they were 

inserted into the flow of the text, they are classified as part of the document layout and not subject to anchoring 
and transformations. 

[0081 ] In total, the system and method have five basic types of ink, only three of which are classified as annotations: 

w 







'Embedded* ink 


'Overlaid' ink 






occupies in-line space 


annotates 


15 


'in-line* associations 
flow w/ words 


In-line words 


'Text Marks* 

(move horizontally and 

vertically w/ words) 


20 


'columnar' 
associations flow w/ 
lines 

(vertically for 
western text) 


In-line paragraphs & 
sketches 


'Margin Notes' 

(move vertically w/ lines) 




"connectors* flow and 


N/A 


'Connectors' 


25 


change shape 




(stretch) 



[0082] The system and method may use heuristics to anchor each stroke classified as an annotation. For example, 
first, the XY position in the window of the stroke's start gives a window anchor. Next, if the window's layout engine 
30 provides additional timely information about underlying regions and nearby elements, the system and method may 
create additional anchors used in the heuristics to support re-layout of the ink whenever an anchor element moves or 
changes. The following describes one example of heuristics, but it is appreciated that other heuristics may be used 
and are considered within the scope of the invention. 

35 1 . On finishing a stroke, the system and method check its proximity to other annotations with which it may also be 

associated. 

2. The system checks its shape and, if linear, the system queries the layout engine for graphical regions to determine 
whether it fits in any one of three linear classes - parallel to a range of sequential elements (such as multiple text 
characters in a line, which may also include in-line ink or other objects), perpendicular to a sequence of such 

to ranges (such as multiple lines in a column), or a connecting line associated with a pair of non-sequential elements. 

In one embodiment, the system uses a simple heuristic considering only height-to-width ratio and whether the 
ends are near opposite corners of the bounding box). If the width is greater than the height by a ratio (for example, 
the default may be 5x) and midpoints of the left and right edges of the bounding box mark text, it is classified as 
a horizontal text mark. If the nearest text is below, the system asks for object nearest above and chooses between 

45 them based on ratio of distances. This biases the classification of horizontal text marks as underlining (rather than 

'overlining' which is assumed to be less common). If both ends mark in-line text or ink and its height is greater than 
width by a ratio (for example, the default may be 7x), it is classified as a vertical marking a range of lines. Otherwise 
if ends are near diagonal comers, it's a connecting line (may connect two in-line elements or connect one with a 
margin). 

so 3. If the stroke or strokes is not classified as one of these linear classes, the system identifies the in-line element 

nearest the stroke's XY midpoint (including invisible in-line elements such as word space, tab space and line space) 
to use as an anchor. If the midpoint and the anchor element are horizontally apart by more than a threshold (for 
example, 0.2"), the system marks it as 'side margin*. If they are vertically apart by more than a threshold, the system 
marks it as 'top/bottom margin*. 

55 4. If not in the margin, the system also notes the size of the anchor element so the ink can be re-scaled if the 

anchor element is re-scaled. 

5. In addition to the window, region, and element anchors, the system also may link to any nearby overlaid element 
(typically an ink stroke, but could be an image, a shape or a text label). This is because if such overlaid elements 
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form a sketch or word, maintaining their positions with respect to each other is more important than flowing with 
the embedded anchors. The resulting stroke chains - of which a handwritten word is an example - move and scale 
as units according to the position and scale of the first stroke in the chain. For example, if distance to a nearby ink 
stroke is below a threshold (for instance, 0.1 5"), an embodiment refers to this stroke as an additional anchor and 
5 flags the current stroke as 'near ink'. 

6. At this point, the system has identified enough embedded anchors and sufficiently classified this stroke so that, 
when the system is notified that an anchor has changed, the system may transform the ink annotation appropriately. 

Transformations Of Various Stroke Classes In Response To Various Anchor Changes 

w 

[0083] The system uses heuristics to re-layout strokes when an anchor moves. The following describes the one 
embodiment of these heuristics, but many variations are possible. This description assumes western text (vertical 
columns, flowing left-to-right). Directions would flip and/or rotate for eastern, and bi-directional flows would flip back 
and forth from line to line. Examples include the following. 

15 

1 . As shown in Figure 1 4 of page 1 401 , ink 1 403 anchored to a single position in an in-line flow, and not in a margin, 
re-positions and re-scales along with the element immediately preceding or following the anchor. Here, the outline 
1403 on page 1401 continues to outline the text 'in-line' as 1404 in page 1402 despite the re-flow of text between 
the two pages, due to at least in part on the change in font size. 

20 2. As shown in Figure 1 5, ink 1 503 whose primary anchors are a 'side margin' re-position vertically in same margin 

to remain alongside the text line containing its anchor, and clip or shrink horizontally if that margin shrinks inde- 
pendent of the anchor size (this avoids obscuring text or getting cropped at page edge). Here, ink 1 503 is anchored 
to the margin along side text on page 1501. When the text is re-flowed, ink 1503 follows the anchored text and is 
adjusted for the margin size and rendered as 1504. 

25 3. Ink whose primary anchors are 'top/bottom margin' (for example, asterisk 1302) re-position vertically only to 

keep distance from the line containing its anchor. It may be clipped vertically at the window edge if that margin 
shrinks. Document re-layout could move a top or bottom margin annotation to the next or previous page, where it 
would show in the same margin. Editing could cause multiple annotations to occupy the same margin, in which 
case the user needs to be able to move one without changing its anchoring. 

30 4. A line that connects two points in text may have to be scaled and/or rotated and/or flipped in X and/or Y as the 

distance between its anchors changes. 

5. As shown in Figure 16, a line 1606 that connects in-line elements to a margin note 1603 on page 1601 may 
similarly have to be scaled and/or rotated and/or flipped in X and/or Y as the distance between its anchors changes. 
The in-line end re-positions with its anchor as in reference to section 1 and Figure 14 above. Also, the margin end 

35 repositions vertically with the line of its anchor as in sections 2 or 3 and Figure 1 5 above. This results in line 1607 

attached to a margin note 1604 on page 1602. 

6. A line or segment marking a range of in-line elements should grow or shrink horizontally as the distance between 
its anchors changes. See Figure 12 with page 1201 and double underlining 1202. When re-layout wraps one of 
the anchors through the end of a line, the mark 1202 is replicated onto both lines (as 1204 and 1205), showing as 

40 a line 1 204 between start anchor (for example, the word 'underlying') and end of first line, plus a line 1 205 between 

start of next line and end anchor (for example, the word 'layout).'). As additional line breaks are added, additional 
horizontal lines are shown spanning across the in-between lines. These lines are grouped so as to be selected as 
one. Thus, a single underline may be separated into two, three, or more underlines as needed to transform the 
annotation. Further, the transformations may be reversed for re-flowing multiple lines into one. 

45 7. A stroke that is in any of the above stroke classifications and also near existing ink is re-positioned with that 

nearby ink, and scaled with it (unless the new ink is a connecting line, in which case it stretches to maintain 
associations at its ends). It is the association with nearby ink that allows words, in-line flows and sketches to keep 
together and thus preserve their graphical meaning. 

so Data Format, Rendering and Persistence 

[0084] To make ink annotations useful across multiple systems and applications, a common way is needed to persist 
ink and related anchor information. The persistence format may carry the classification and anchoring info so that 
transformations can continue to convey the associations without losing the graphical meaning. 
55 [0085] Annotations and ink include as persistence information a source, one or more links, and one or more targets. 
Ink annotations may also include information pertaining to each source as including one or more ink strokes with 
creation information (application, user, and time), plus optional style info (e.g. 12pt., bold, red) and optional meaning 
info (e.g. sketch(es), word(s), paragraph(s) factoid type(s) and/or document type(s)). For an ink annotation, each link 
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may include references to multiple independent anchors, some of which may be other annotations' sources. 
[0086] Each ink annotation source may include: 

1) Information per ink stroke 

5 A) XY position of first sample of this stroke, with respect to first sample of first stroke 

2) Information per ink sample 

B) XY position of sample with respect to first sample of this stroke 
[0087] Each ink annotation source may also include: 

10 

1) Optional data per stroke 

A) Time stamp for start of stroke 

B) Sample rate 

'5 C) Average pressure 

D) Average tilt 

2) Optional data per sample 

20 A) Time stamp for sample 

B) Pressure 

C) Tilt 

D) Bezier Control 

25 [0088] Each ink annotation link includes: 

1) Information per ink annotation 

A) XY position of first sample of first stroke with respect to primary anchor 
30 B) Scale of that anchor when annotated 

[0089] Each ink annotation link may also include: 

1) Optional anchoring info per annotation 

35 

A) For any shape: Margin tag (for unidirectional flow), and/or nearby ink anchor 

B) For connector: Connector type tag plus anchor info for second end, plus optional margin tag 

C) For range: Range type tag plus anchor info for second end, plus optional segment tag 

to Support from Layout Engines 

[0090] Layout engines are known in the art. One well-known layout engine is that used in Trident, the layout engine 
for Microsoft Corporations' Internet Explorer browser. Other layout engines are known in the art. The layout engine 
determines positions of objects and regions. Thus, it may identify which objects are nearest an ink stroke, and which 
region or regions it falls in, and provide this info for inclusion in the annotation link. Specifically, the location of the 
nearest in-line object and the distance to that object will determine whether the annotation's flow is in-line, vertical (side 
margin), or none (top/bottom margin). Further, the layout engine may also give notice when any anchor appears, moves, 
or changes in appearance, so ink annotations can be transformed correctly. 

[0091] In the foregoing specification, the present invention has been described with reference to specific exemplary 
so embodiments thereof. Although the invention has been described in terms of various embodiments, those skilled in 
the art will recognize that various modifications, embodiments or variations of the invention can be practiced within the 
spirit and scope of the invention as set forth in the appended claims. All are considered within the sphere, spirit, and 
scope of the invention. The specification and drawings are, therefore, to be regarded in an illustrative rather than 
restrictive sense. Accordingly, it is not intended that the invention be limited except as may be necessary in view of 
55 the appended claims. 
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Claims 

1. A computer-implemented method for adding electronic ink to displayed information on a system having a display, 
said method comprising the steps of: 

5 

classifying said electronic ink; 

associating said electronic ink with at least one object of said displayed information. 

2. The method according to claim 1 , wherein said classifying step classifies said electronic ink as one of embedded 
10 ink and overlaid ink. 

3. The method according to claim 1 , wherein said classifying step includes the step of determining its distance to 
other annotations. 

15 4. The method according to claim 1 , wherein said classifying step includes the step of determining the ratio of its 
height to width. 

5. The method according to claim 1 , wherein said associating step further includes the step of: 

anchoring said electronic ink to said at least one object by adding a link to said displayed information. 

20 

6. The method according to claim 1 , wherein said associating step further includes the step of: 

anchoring said electronic ink to a file position of said at least one object. 

7. The method according to claim 1 , wherein said associating step further includes the step of: 

25 anchoring said electronic ink to said at least one object by adding a link at or near said object pointing to 

said electronic ink. 

8. The method according to claim 1 , wherein the relationship of said electronic ink to said at least one object is 
maintained despite re-flowing of said displayed information by a layout engine. 

30 

9. The method according to claim 1 , wherein said classifying step classifies said ink as in-line words. 

10. The method according to claim 1 , wherein said classifying step classifies said ink as text marks. 

35 11. The method according to claim 1 , wherein said classifying step classifies said ink as in-line paragraphs and sketch- 
es. 

12. The method according to claim 1 , wherein said classifying step classifies said ink as margin notes. 
40 13. The method according to claim 1 , wherein said classifying step classifies said ink as a connector. 

14. A computer readable medium having a program stored thereon, said program implementing a method for adding 
electronic ink to displayed information on a system having a display, said program comprising the steps of: 

45 classifying said electronic ink; 

associating said electronic ink with at least one object of said displayed information. 

15. The computer readable medium according to claim 14, wherein said classifying step classifies said electronic ink 
as one of embedded ink and overlaid ink. 

50 

16. The computer readable medium according to claim 14, wherein said classifying step includes the step of deter- 
mining its distance to other annotations. 

17. The computer readable medium according to claim 14, wherein said classifying step includes the step of deter- 
55 mining the ratio of its height to width. 

18. The computer readable medium according to claim 14, wherein said associating step further includes the step of: 

anchoring said electronic ink to said at least one object by adding a link to said displayed information. 
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19. The computer readable medium according to claim 1 4, wherein said associating step further includes the step of: 

anchoring said electronic ink to a file position of said at least one object. 

20. The computer readable medium according to claim 14, wherein said associating step further includes the step of: 
5 anchoring said electronic ink to said at least one object by adding a link at or near said object pointing to 

said electronic ink. 

21. The computer readable medium according to claim 14, wherein the relationship of said electronic ink to said at 
least one object is maintained despite re-flowing of said displayed information by a layout engine. 

10 

22. The computer readable medium according to claim 14, wherein said classifying step classifies said ink as in-line 
words. 

23. The computer readable medium according to claim 14, wherein said classifying step classifies said ink as text 
J5 marks. 

24. The computer readable medium according to claim 14, wherein said classifying step classifies said ink as in-line 
paragraphs and sketches. 

20 25. The computer readable medium according to claim 1 4, wherein said classifying step classifies said ink as margin 
notes. 

26. The computer readable medium according to claim 1 4, wherein said classifying step classifies said ink as a con- 
nector. 

25 

27. A system for associating electronic ink with content having objects comprising: 

an input receiving the output of a digitizer; 
a processor connected to said input; 
30 a storage connected to said processor, said storage storing said content; and 

an output connected to said processor, 

wherein said processor classifies electronic ink related to signals received from said input, said processor 
associates said electronic ink to said content, said processor transforms said electronic ink, and said processor 
35 outputs said transformed electronic ink to said output. 

28. The system according to claim 27, wherein said processor classifies said electronic ink based as one of embedded 
ink and overlaid ink. 

40 



45 



50 



55 
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